<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <link rel="icon" type="image/ico" href="/deng/images/top/552cc62e6ad78_32.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>在线设计器2.0版本</title>
    <script type="text/javascript" src="/deng/include/include-css.js"></script>
    <link rel="stylesheet" type="text/css" href="/deng/view/workflow/lc-design2.0/grapheditor/styles/grapheditor.css">
    <script type="text/javascript" src="/deng/include/inplug-css.js"></script>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" type="text/css" href="/deng/view/workflow/lc-design2.0/grapheditor/styles/style.css">
</head>
<body class="geEditor">
</body>
<script type="text/javascript" src="/deng/include/include.js"></script>
<script th:inline="javascript">
    mxBasePath = "/deng/view/workflow/lc-design2.0/src";
    STYLE_PATH = "/deng/view/workflow/lc-design2.0/grapheditor/styles";
    RESOURCES_PATH = "/deng/view/workflow/lc-design2.0/grapheditor/resources";
    MXSOURCESPATH = "/deng/view/workflow/lc-design2.0/grapheditor";
    IMAGE_PATH = "/deng/view/workflow/lc-design2.0/grapheditor/images";
    var NOED_IMAGE_PATH ="/deng/view/workflow/lc-design2.0/grapheditor/images/activities/48";
    var NODE_IMAGE_TOOL_PATH = "/deng/view/workflow/lc-design2.0/grapheditor/images/tools";

    var dialogWating_ = showWating({msg:'正在拼命的加载中...'});
    window.onload = function () {
        closeWating(null,dialogWating_);
    }
</script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/Init.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/jscolor/jscolor.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/sanitizer/sanitizer.min.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/src/js/mxClient.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/EditorUi.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/Editor.js"></script>

<!-- 自定义基础 -->
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/custom/all.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/custom/cellsButton.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/custom/cellStyle.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/custom/dragAndDrop.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/custom/nodeAttribute.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/custom/swimLane.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/custom/validate.js"></script>


<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/Sidebar.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/Graph.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/Shapes.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/Actions.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/Menus.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/Format.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/Toolbar.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/Dialogs.js"></script>


<!-- 表单属性配置 -->
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_common/node_event_form.js"></script>
<!-- 会签属性配置 -->
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_common/node_multiInstance.js"></script>
<!-- 事件配置 -->
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_common/node_event.js"></script>
<!-- 一般配置 -->
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_common/node_normal.js"></script>
<!-- 数据属性 -->
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_common/node_dataProperties.js"></script>
<!-- 基本流程事件配置 -->
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_common/node_event_main.js"></script>
<!-- 基本流程数据属性 -->
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_common/node_datamainProperties.js"></script>
<!-- 基本流程信号属性 -->
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_common/node_signalmain.js"></script>
<!-- 基本流程消息属性 -->
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_common/node_messagemain.js"></script>
<!-- 自定义属性 -->
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/usertask.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/manualTask.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/end.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/callActivity.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/exclusiveGateway.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/start.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/errorBoundaryEvent.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/mailTask.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/parallelGateway.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/receiveTask.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/scriptTask.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/serviceTask.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/subProcess.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/businessRuleTask.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/timerBoundaryEvent.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/transition.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/timerStartEvent.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/messageStartEvent.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/errorStartEvent.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/signalStartEvent.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/errorEndEvent.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/terminateEndEvent.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/cancelEndEvent.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/inclusiveGateway.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/eventGateway.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/messageBoundaryEvent.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/cancelBoundaryEvent.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/compensationBoundaryEvent.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/signalBoundaryEvent.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/eventSubProcess.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/transactionProcess.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/pool.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/lane.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/timerCatchingEvent.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/signalCatchingEvent.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/messageCatchingEvent.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/signalThrowingEvent.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/compensationThrowingEvent.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_attribute/noneThrowingEvent.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/node_common/form_info.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/custom/imagePath.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-design2.0/grapheditor/js/custom/lcNodeAttribute.js"></script>

<script type="text/javascript">
    // Parses URL parameters. Supported parameters are:
    // - lang=xy: Specifies the language of the user interface.
    // - touch=1: Enables a touch-style user interface.
    // - storage=local: Enables HTML5 local storage.
    // - chrome=0: Chromeless mode.
    var urlParams = (function(url)
    {
        var result = new Object();
        var idx = url.lastIndexOf('?');

        if (idx > 0)
        {
            var params = url.substring(idx + 1).split('&');

            for (var i = 0; i < params.length; i++)
            {
                idx = params[i].indexOf('=');

                if (idx > 0)
                {
                    result[params[i].substring(0, idx)] = params[i].substring(idx + 1);
                }
            }
        }

        return result;
    })(window.location.href);

    // Default resources are included in grapheditor resources
    mxLoadResources = false;


    // Extends EditorUi to update I/O action states based on availability of backend
    (function()
    {
        var editorUiInit = EditorUi.prototype.init;

        EditorUi.prototype.init = function()
        {
            editorUiInit.apply(this, arguments);
            this.actions.get('export').setEnabled(false);

            // Updates action states which require a backend
            if (!Editor.useLocalStorage)
            {
                mxUtils.post(OPEN_URL, '', mxUtils.bind(this, function(req)
                {
                    var enabled = req.getStatus() != 404;
                    this.actions.get('open').setEnabled(false);
                    this.actions.get('import').setEnabled(enabled || Graph.fileSupport);
                    this.actions.get('save').setEnabled(enabled);
                    this.actions.get('saveAs').setEnabled(enabled);
                    this.actions.get('export').setEnabled(enabled);
                }));
            }
        };

        // Adds required resources (disables loading of fallback properties, this can only
        // be used if we know that all keys are defined in the language specific file)
        mxResources.loadDefaultBundle = false;
        var bundle = mxResources.getDefaultBundle(RESOURCE_BASE, mxLanguage) ||
            mxResources.getSpecialBundle(RESOURCE_BASE, mxLanguage);

        // Fixes possible asynchronous requests
        mxUtils.getAll([bundle, STYLE_PATH + '/default.xml'], function(xhr)
        {
            // Adds bundle text to resources
            mxResources.parse(xhr[0].getText());

            // Configures the default graph theme
            var themes = new Object();
            themes[Graph.prototype.defaultThemeName] = xhr[1].getDocumentElement();

            // Main
            new EditorUi(new Editor(urlParams['chrome'] == '0', themes));
        }, function()
        {
            document.body.innerHTML = '<center style="margin-top:10%;">Error loading resource files. Please check browser console.</center>';
        });
    })();


    //用于生成uuid
    function S4() {
        return (((1+Math.random())*0x10000)|0).toString(16).substring(1);
    }
    function guid() {
        return (S4()+S4()+"-"+S4()+"-"+S4()+"-"+S4()+"-"+S4()+S4()+S4());
    }

    /** 表单序列化成json字符串的方法  */
    // function formConvertToJson(formId) {
    //     var paramArray = $('#' + formId).serializeArray();
    //     /*请求参数转json对象*/
    //     var jsonObj={};
    //     $(paramArray).each(function(){
    //         jsonObj[this.name]=this.value;
    //     });
    //     console.log("--------",JSON.stringify(paramArray));
    //     //json对象再转换成json字符串
    //     return JSON.stringify(paramArray);
    // }
</script>

<!-- upload模态框（Modal）开始 -->
<div class="modal fade" id="jehcLcModal" tabindex="-1" role="dialog" aria-labelledby="jehcLcModalLabel" data-backdrop="static"  aria-hidden="true">
    <div class="modal-dialog modal-lg" id="jehcLcModalDialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="jehcLcModalLabel">
                    设置项
                </h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <form role="form" id="jehcLcForm" method="post">

                </form>
            </div>
            <!--<div class="modal-footer"></div>-->
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- upload模态框（Modal）结束 -->

<form id="LcBaseForm" method="post" style="display: none;">
    <div class="m-portlet__body">
        <div class="form-group m-form__group row">
            <div class="col-lg-6">
                <input class="form-control" type="hidden" maxlength="50"  data-bv-notempty data-bv-notempty-message="请输入流程名称" id="processName" name="processName" placeholder="请输入流程名称">
                <input class="form-control" type="hidden" maxlength="50" value="http://www.activiti.org/test" data-bv-notempty data-bv-notempty-message="请输入命名空间" id="mainNameSpace" name="mainNameSpace" placeholder="请输入命名空间">
                <input class="form-control" type="hidden" id="candidateStarterUsersTemp" name="candidateStarterUsers">
                <input class="form-control" type="hidden" id="candidateStarterUsersTemp_Text" name="candidateStarterUsers_Text">
                <input class="form-control" type="hidden" id="candidateStarterGroupsTemp" name="candidateStarterGroups">
                <input class="form-control" type="hidden" id="candidate_group_typeTemp" name="candidate_group_type">
                <input class="form-control" type="hidden" id="candidateStarterGroupsTemp_Text" name="candidateStarterGroups_Text">
                <input class="form-control" type="hidden" id="remark" name="remark">
                <input class="form-control" type="hidden" id="xt_constant_id" name="xt_constant_id">
                <input class="form-control" type="hidden" id="lc_group_id" name="lc_group_id">
                <input class="form-control" type="hidden" id="lc_product_id" name="lc_product_id">
                <input class="form-control" type="hidden" id="processId" name="processId" >
                <input class="form-control" type="hidden" id="mxgraphxml" name="mxgraphxml" >
                <input class="form-control" type="hidden" id="imgxml" name="imgxml" >
                <input class="form-control" type="hidden" id="lc_process_mxgraph_style" name="lc_process_mxgraph_style" >
                <input class="form-control" type="hidden" id="lc_process_id" name="lc_process_id" >
                <input class="form-control" type="hidden" id="isUpdate" name="isUpdate" >
                <input class="form-control" type="hidden" id="w" name="w" >
                <input class="form-control" type="hidden" id="h" name="h" >
                <input class="form-control" type="hidden" id="message_node_value" name="message_node_value">
                <input class="form-control" type="hidden" id="signal_node_value" name="signal_node_value">
                <input class="form-control" type="hidden" id="datamainProperties_node_value" name="datamainProperties_node_value">
                <input class="form-control" type="hidden" id="eventMainNode" name="eventMainNode">
                <input class="form-control" type="hidden" id="moduleKey" name="moduleKey" >
            </div>
        </div>
    </div>
</form>

<!-- 导入流程模态框（Modal）开始 -->
<div class="modal fade" id="processSelectModal" tabindex="-1" role="dialog" aria-labelledby="processModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" id="processModalDialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="processModalLabel">
                    流程选择器
                </h4>
                <button type="button" class="close" data-dismiss="modal"  aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body" id="processBody" style="overflow:auto;">
                <div class="panel panel-default">
                    <div class="m-content">
                        <!--<div class="m-portlet">
                            <div class="m-portlet__head">
                                <div class="m-portlet__head-caption">
                                    <div class="m-portlet__head-title">
                                        <h3 class="m-portlet__head-text">
                                            <span class="m-accordion__item-icon"><i class="flaticon-search"></i>查询区域</span>
                                        </h3>
                                    </div>
                                </div>
                            </div>
                        </div>-->
                        <form method="POST" class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed" id="searchFormprocess" onsubmit="search('processDatatables');return false;">
                            <div class="form-group m-form__group row">
                                <label class="col-form-label">流程标题:</label>
                                <div class="col-lg-3">
                                    <input type="text" class="form-control" name="lc_process_title" placeholder="请输入">
                                    <input type="hidden" class="form-control" name="lc_process_flag" value="0">
                                </div>
                                <a href="javascript:search('processDatatables')" class="btn btn-light-primary font-weight-bold mr-2 m-btn m-btn--custom">
                                    <span><i class="fa fa-search"></i><span>检&nbsp;&nbsp;索</span></span>
                                </a>
                                <a href="javascript:resetAll('searchFormprocess');" class="btn btn-light-success font-weight-bold mr-2">
                                    <span><i class="fa fa-repeat"></i><span>清空条件</span></span>
                                </a>
                            </div>
                            <!--
                            <div class="m-portlet__foot m-portlet__no-border m-portlet__foot&#45;&#45;fit">
                                <div class="m-form__actions m-form__actions&#45;&#45;solid">
                                    <div class="form-group m-form__group row">
                                        <div class="col m&#45;&#45;align-left">

                                        </div>
                                    </div>
                                </div>
                            </div>-->
                        </form>
                    </div>
                </div>
                <table id="processDatatables" class="table table-bordered table-striped table-hover" style="white-space: nowrap;">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>创建人</th>
                        <th>流程标题</th>
                        <th>状态</th>
                        <th>产品线</th>
                        <th>产品组</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                </table>
            </div>
           <!-- <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>-->
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- 导入流程模态框（Modal）结束 -->
<input id='isSZ' type='hidden' value='0'>


<!-- 用户选择器模态框（Modal）开始 -->
<div class="modal fade" id="UserinfoSelectModal" tabindex="-1" role="dialog" aria-labelledby="UserinfoModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" id="UserinfoModalDialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="UserinfoModalLabel">
                    员工列表
                </h4>
                <button type="button" class="close" data-dismiss="modal"  aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body" id="UserinfoBody" style="overflow:auto;">
                <div class="panel panel-default">
                    <div class="m-content">
                        <form method="POST" class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed" id="searchFormUserinfo"  onsubmit="search('UserinfoDatatables');return false;">
                            <div class="form-group m-form__group row">
                                <label class="col-form-label">隶属部门:</label>
                                <div class="col-md-2">
                                    <input type="text" class="form-control" name="xt_departinfo_name" placeholder="请输入">
                                </div>
                                <label class="col-form-label">岗位:</label>
                                <div class="col-md-2">
                                    <input type="text" class="form-control" name="xt_post_name" placeholder="请输入">
                                </div>
                                <label class="col-form-label">姓名:</label>
                                <div class="col-md-1">
                                    <input type="text" class="form-control" name="xt_userinfo_realName" placeholder="请输入">
                                </div>
                                <label class="col-form-label">用户名:</label>
                                <div class="col-md-1">
                                    <input type="text" class="form-control" name="xt_userinfo_name" placeholder="请输入">
                                </div>
                                <a href="javascript:search('UserinfoDatatables')" class="btn btn-info m-btn m-btn--custom m-btn--icon mr-2">
                                    <span><i class="fa fa-search"></i><span>检索</span></span>
                                </a>
                                <a href="javascript:resetAll('searchFormUserinfo');" class="btn btn-light-success font-weight-bold mr-2">
                                    <span><i class="fa fa-repeat"></i><span>清空条件</span></span>
                                </a>
                            </div>
                        </form>
                    </div>
                </div>
                <table id="UserinfoDatatables" class="table table-bordered table-striped table-hover" style="white-space: nowrap;">
                    <thead>
                    <tr>
                        <th><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkallUserinfo" /><span></span></label></th>
                        <th>序号</th>
                        <th>账号</th>
                        <th>姓名</th>
                        <th>电话</th>
                        <th>籍贯</th>
                        <th>生日</th>
                        <th>电子邮件</th>
                    </tr>
                    </thead>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light-primary mr-3 m-btn m-btn--custom m-btn--icon" data-dismiss="modal">取 消</button>
                <button type="button" class="btn btn-light-success mr-2 m-btn m-btn--custom m-btn--icon" onclick="doSelectUser();">保 存</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- 用户选择器模态框（Modal）结束 -->

<script type="text/javascript" src="/deng/include/inplug.js"></script>
<link href="/deng/source/plugins/other/jstree/dist/themes/default/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/deng/source/plugins/other/jstree/dist/jstree.js"></script>

<!-- 监听选择器模态框（Modal）开始 -->
<div class="modal fade" id="listenerSelectModal" tabindex="-1" role="dialog" aria-labelledby="listenerModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" id="listenerModalDialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="listenerModalLabel">
                    监听器列表
                </h4>
                <button type="button" class="close" data-dismiss="modal"  aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body" id="listenerBody" style="overflow:auto;">
                <div class="panel panel-default">
                    <div class="m-content">
                        <form method="POST" class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed" id="searchFormlistener" onsubmit="search('listenerDatatables');return false;">
                            <div class="form-group m-form__group row">
                                <label class="col-form-label">名称:</label>
                                <div class="col-md-2">
                                    <input type="hidden" name="categories" id="categories">
                                    <input type="text" class="form-control" name="lc_listener_name" placeholder="请输入">
                                </div>
                                <label class="col-form-label">类型:</label>
                                <div class="col-md-2">
                                    <select class="form-control" name="type">
                                        <option value="">请选择</option>
                                        <option value="javaclass">Java类</option>
                                        <option value="express">表达式</option>
                                        <option value="delegateExpression">委托表达式</option>
                                        <option value="ScriptExecutionListener">脚本执行监听器</option>
                                        <option value="ScriptTaskListener">脚本任务监听器</option>
                                    </select>
                                </div>
                                <label class="col-form-label">事&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;件</label>
                                <div class="col-md-1">
                                    <select class="form-control" name="event">
                                        <option value="">请选择</option>
                                        <option value="create">create</option>
                                        <option value="assignment">assignment</option>
                                        <option value="complete">complete</option>
                                        <option value="all">all</option>
                                    </select>
                                </div>
                                <label class="col-form-label">事件值:</label>
                                <div class="col-lg-1">
                                    <input type="text" class="form-control" name="listener_val" placeholder="请输入">
                                </div>
                                <a href="javascript:search('listenerDatatables')" class="btn btn-info m-btn m-btn--custom m-btn--icon mr-2">
                                    <span><i class="fa fa-search"></i><span>检索</span></span>
                                </a>
                                <a href="javascript:resetAll('searchFormlistener');" class="btn btn-light-success font-weight-bold mr-2">
                                    <span><i class="fa fa-repeat"></i><span>清空条件</span></span>
                                </a>
                            </div>
                        </form>
                    </div>
                </div>
                <table id="listenerDatatables" class="table table-bordered table-striped table-hover" style="white-space: nowrap;">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>分类</th>
                        <th>名称</th>
                        <th>类型</th>
                        <th>事件</th>
                        <th>状态</th>
                        <th>产品线</th>
                        <th>产品组</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                </table>
            </div>
            <!--<div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>-->
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- 监听选择器模态框（Modal）结束 -->

<!-- 表达式选择器模态框（Modal）开始 -->
<div class="modal fade" id="expSelectModal" tabindex="-1" role="dialog" aria-labelledby="expModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" id="expModalDialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="expModalLabel">
                    流程表达式列表
                </h4>
                <button type="button" class="close" data-dismiss="modal"  aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body" id="expBody" style="overflow:auto;">
                <div class="panel panel-default">
                    <div class="m-content">
                        <!--<div class="m-portlet">
                            <div class="m-portlet__head">
                                <div class="m-portlet__head-caption">
                                    <div class="m-portlet__head-title">
                                        <h3 class="m-portlet__head-text">
                                            <span class="m-accordion__item-icon"><i class="flaticon-search"></i>查询区域</span>
                                        </h3>
                                    </div>
                                </div>
                            </div>
                        </div>-->
                        <form method="POST" class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed" id="searchFormexp" onsubmit="search('expDatatables');return false;">
                            <div class="form-group m-form__group row">
                                <label class="col-form-label">名称:</label>
                                <div class="col-lg-2">
                                    <input type="text" class="form-control" name="lc_exp_name" placeholder="请输入">
                                </div>
                                <a href="javascript:search('expDatatables')" class="btn btn-info m-btn m-btn--custom m-btn--icon mr-2">
                                    <span><i class="fa fa-search"></i><span>检索</span></span>
                                </a>
                                <a href="javascript:resetAll('searchFormexp');" class="btn btn-light-success font-weight-bold mr-2">
                                    <span><i class="fa fa-repeat"></i><span>清空条件</span></span>
                                </a>
                            </div>
                        </form>
                    </div>
                </div>
                <table id="expDatatables" class="table table-bordered table-striped table-hover" style="white-space: nowrap;">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>名称</th>
                        <th>产品线</th>
                        <th>产品组</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                </table>
            </div>
            <!--<div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>-->
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- 表达式选择器模态框（Modal）结束 -->

<!-- 组织机构选择器模态框（Modal）开始 -->
<div class="modal fade" id="OrgSelectModal" tabindex="-1" role="dialog" aria-labelledby="OrgModalLabel" aria-hidden="true">
    <div class="modal-dialog" id="OrgModalDialog" >
        <div class="modal-content" style="background: #e1f0ff;">
            <div class="modal-header">
                <h4 class="modal-title" id="OrgModalLabel">
                    组织机构
                </h4>
                <!--<button type="button" class="btn btn-light-primary mr-3 m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;icon" data-dismiss="modal">取 消</button>-->

                <button type="button" class="close" data-dismiss="modal"  aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body" id="OrgBody" style="height:calc(100vh - 300px);overflow:auto;">
                <input type="hidden" id="checkedOrg" value="0">
                <input type="hidden" id="expandOrg" value="0">
                <div id="orgTree" class="tree-demo">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light-success mr-1 m-btn m-btn--custom m-btn--icon" onclick="checkAllOrg();">全选/反选</button>
                <button type="button" class="btn btn-light-success mr-1 m-btn m-btn--custom m-btn--icon" onclick="expandOrg();">展开/收缩</button>
                <button type="button" class="btn btn-light-success mr-1 m-btn m-btn--custom m-btn--icon" onclick="doOrgSelect();">确认</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- 组织机构选择器模态框（Modal）结束 -->


<!-- 节点属性模态框（Modal）开始 -->
<div class="modal fade" id="lcAttributeModal" tabindex="-1" role="dialog" aria-labelledby="lcAttributeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" id="lcAttributeModalDialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="lcAttributeModalLabel">
                    节点属性
                </h4>
                <button type="button" class="close" data-dismiss="modal"  aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body" id="lcAttributeBody" style="overflow:auto;">
                <iframe id="lcAttributeIframe" scrolling="auto" frameborder="0"  width="100%" height="100%"></iframe>
            </div>
            <!--<div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>-->
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- 节点属性模态框（Modal）结束 -->
</html>
